<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>完颜阿骨打 - 黑龙江历史名人</title>
    <link rel="stylesheet" href="D:\web1\travel\css\base.css" type="text/css" media="all">
    <link rel="stylesheet" href="D:\web1\travel\css\history.css" type="text/css" media="all">
    <link rel="stylesheet" href="D:\web1\travel\css\history-figures.css" type="text/css" media="all">
    <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
    <div class="main">
        <!-- 顶部导航 -->
        <div class="top-bar">
            <div class="search-box">
                <form action="D:\web1\travel\html\search.html" method="get">
                    <input type="text" name="keyword" placeholder="搜索历史事件、人物...">
                    <button type="submit"><i class="fa fa-search"></i></button>
                </form>
            </div>
            
            <ul class="top-nav">
                <li><a href="D:\web1\travel\html\login.html"><i class="fa fa-user-circle"></i> 登录</a></li>
                <li><a href="D:\web1\travel\html\register.html"><i class="fa fa-user-plus"></i> 注册</a></li>
                <li><a href="D:\web1\travel\html\about.html"><i class="fa fa-info-circle"></i> 关于我们</a></li>
            </ul>
        </div>

        <!-- 主导航菜单 -->
        <div class="main-menu">
            <ul>
                 <li><a href="D:\web1\travel\html\index.html">首页</a></li>
                <li><a href="D:\web1\travel\html\history.html">历史沿革</a></li>
                <li><a href="D:\web1\travel\html\geography.html">地理位置</a></li>
                <li><a href="D:\web1\travel\html\culture.html">风俗文化</a></li>
                <li><a href="D:\web1\travel\html\attractions.html">景点选择</a></li>
                <li><a href="D:\web1\travel\html\products.html">名优特产</a></li>
                <li><a href="D:\web1\travel\html\message.html">在线留言</a></li>
            </ul>
        </div>

        <!-- 人物详情内容 -->
        <div class="figure-page">
            <div class="figure-container">
                <div class="figure-header">
                    <h1>完颜阿骨打</h1>
                    <div class="period">1068年－1123年 | 金朝开国皇帝</div>
                </div>
                
                <div class="figure-content">
                    <div class="figure-image">
                        <img src="D:\img\img39.jpg" alt="完颜阿骨打画像">
                    </div>
                    
                    <div class="figure-details">
                        <h2>人物简介</h2>
                        <p>完颜阿骨打（汉名完颜旻），虎水（今黑龙江省哈尔滨市阿城区）人，女真族完颜部首领，金朝开国皇帝。他从小力大无穷，勇武善战，且有雄才大略。</p>
                        <p>12世纪初，完颜阿骨打统一了女真各部，于1114年起兵反抗辽朝的压迫，次年在会宁府（今黑龙江阿城）称帝，建立金朝。他在位期间，定制度、造文字，为金朝的发展奠定了基础。</p>
                        
                        <div class="achievements">
                            <h3>主要成就</h3>
                            <ul>
                                <li>统一女真各部，结束了长期分裂的局面</li>
                                <li>建立金朝，定都上京会宁府（今黑龙江阿城）</li>
                                <li>创造女真文字，促进民族文化发展</li>
                                <li>领导女真族击败辽朝，扩大了金朝疆域</li>
                                <li>实行猛安谋克制度，加强了军事和社会组织</li>
                            </ul>
                        </div>
                        
                        <h2>历史影响</h2>
                        <p>完颜阿骨打所建立的金朝对中国东北地区的开发和发展做出了重要贡献，促进了女真族与汉族等各民族的交流融合。他所创建的女真文字虽然已不再使用，但在历史研究中具有重要价值。</p>
                        <p>如今，在黑龙江省哈尔滨市阿城区仍保留有金上京会宁府遗址，为研究金朝历史提供了重要实物资料。</p>
                        
                        <a href="D:\web1\travel\html\history.html" class="back-link"><i class="fa fa-arrow-left"></i> 返回历史沿革</a>
                    </div>
                </div>
            </div>
        </div>

        <!-- 页脚 -->
        <div class="end">
            <p>©  黑龙江旅游网 - 版权所有</p>
            <p>联系电话：400-123-4567</p>
        </div>
    </div>

    <script>
        // 页面加载完成后的动画效果
        document.addEventListener('DOMContentLoaded', function() {
            // 为导航项添加active状态
            const navItems = document.querySelectorAll('.main-menu a');
            navItems.forEach(item => {
                if (item.classList.contains('active')) {
                    item.style.color = '#CCFF66';
                    item.style.backgroundColor = '#154a33';
                }
            });
        });
    </script>
</body>
</html>